<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="author" content="万坤">
        <title></title>
        <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
        <link rel="stylesheet" href="css/base.css">
        <link rel="stylesheet" href="css/prodect.css">
        <style>
            
        </style>
    </head>
    <body>
          <!--搜索商城-->
    <div class=" nav1 navbar-fixed-top">      
       <a href=""> <span class="glyphicon glyphicon-chevron-left"></span></a>
        <a href="">快乐一家人</a>
        <a href=""> <span class=" glyphicon glyphicon-search"></span> </a>
    </div>
    <nav>
            <ul>
                <li><a class="one active" href="" >万坤</a></li>
                <li><a href="">永恒</a></li>
                <li><a href="">马丽</a></li>
                <li><a href="">张瑞</a></li>
                
        </nav>
      
      <img src="img/image/banner-02.png" class="image">
         <!--产品类-->
         <main>
         <div class="blank-gray"></div>
                <div class="list-wrapper">
                    <h3>帅男俊女</h3>
                    <div class="pro-list">
                        <a href="">
                          <figure>
                            <img src="img/image/16.jpg" alt="">
                            <figcaption>
                              <!--<h4>小米6</h4>-->
                            </figcaption>
                          </figure>
                        </a>
                        <a href="">
                          <figure>
                            <img src="img/22.jpg" alt="">
                            <figcaption>
                              <!--<h4>小米6</h4>-->
                            </figcaption>
                          </figure>
                        </a>
                        <a href="">
                          <figure>
                            <img src="img/22.jpg" alt="">
                            <figcaption>
                              <!--<h4>小米6</h4>-->
                            </figcaption>
                          </figure>
                        </a>
                        <a href="">
                          <figure>
                            <img src="img/16.jpg" alt="">
                            <figcaption>
                              <!--<h4>小米6</h4>-->
                            </figcaption>
                          </figure>
                        </a>
                        <a href="">
                          <figure>
                            <img src="img/66.jpg" alt="">
                            <figcaption>
                              <!--<h4>小米6</h4>-->
                            </figcaption>
                          </figure>
                        </a>
                        <a href="">
                          <figure>
                            <img src="img/18.jpg" alt="">
                            <figcaption>
                              <!--<h4>小米6</h4>-->
                            </figcaption>
                          </figure>
                        </a>
                        <a href="">
                          <figure>
                            <img src="img/16.jpg" alt="">
                            <figcaption>
                              <!--<h4>小米6</h4>-->
                            </figcaption>
                          </figure>
                        </a>
                        <a href="">
                          <figure>
                            <img src="img/21.jpg" alt="">
                            <figcaption>
                              <!--<h4>小米6</h4>-->
                            </figcaption>
                          </figure>
                        </a>
                        <a href="">
                          <figure>
                              <img src="img/20.jpg" alt="">
                            <figcaption>
                              <!--<h4>小米6</h4>-->
                            </figcaption>
                          </figure>
                        </a>
                         <a href="">
                          <figure>
                              <img src="img/13.jpg" alt="">
                            <figcaption>
                              <!--<h4>小米6</h4>-->
                            </figcaption>
                          </figure>
                        </a>
                         <a href="">
                          <figure>
                              <img src="img/13.jpg" alt="">
                            <figcaption>
                              <!--<h4>小米6</h4>-->
                            </figcaption>
                          </figure>
                        </a>
                         <a href="">
                          <figure>
                              <img src="img/22.jpg" alt="">
                            <figcaption>
                              <!--<h4>小米6</h4>-->
                            </figcaption>
                          </figure>
                        </a>
                        <!--</a>
                        <a href="">
                          <figure>
                            <img src="img/image/tel-01.png" alt="">
                            <figcaption>
                              <h4>小米6</h4>
                            </figcaption>
                          </figure>
                        </a>
                        <a href="">
                          <figure>
                            <img src="img/image/tel-01.png" alt="">
                            <figcaption>
                              <h4>小米6</h4>
                            </figcaption>
                          </figure>
                        </a>
                        <a href="">
                          <figure>
                            <img src="img/image/tel-01.png" alt="">
                            <figcaption>
                              <h4>小米6</h4>-->
                            </figcaption>
                          </figure>
                        </a>
                        
                    </div>
                </div>
            </sectioin>
        </main>
        <script src="bootstrap/js/jquery.min.js"></script>
        <script src="bootstrap/js/bootstrap.min.js"></script>
        <script src="js/prodect.js"></script>
    </body>
</html>